<!--
    -  Copyright (c) 2018-2025, haohanwork.com All rights reserved.
  -->
<template>
  <div class="execution">
    <basic-container>
      <h2 class="io-goods-detail">库存预警设置</h2>
      <div>
        <p class="io-goods-detaill">
          商品：
          <el-input type="text" style="width: 200px" />&nbsp;&nbsp;
          <el-button type="text" @click="dialogTableVisible = true">查看所有商品</el-button>
          <el-dialog title="商品信息" :visible.sync="dialogTableVisible" align="center">
            <el-table :data="tableData">
              <el-table-column property="date" label="商品图片"></el-table-column>
              <el-table-column property="name" label="单位"></el-table-column>
              <el-table-column property="address" label="商品分类"></el-table-column>
              <el-table-column property="address" label="起订量"></el-table-column>
              <el-table-column property="address" label="价格"></el-table-column>
              <el-table-column property="address" label="下单数量"></el-table-column>
            </el-table>
          </el-dialog>
        </p>
        <p class="io-goods-detaill">当库存数量不足时，库存预警能够很好的帮助及时处理库存商品。</p>
        <p class="io-goods-detaill">
          阙值设置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商品库存少于：
          <el-input v-model="num" type="number" oninput="if(value.length>8)value=value.slice(0,8)" style="width: 200px"/> 件时，请通知我
        </p>
      </div>
      <template>
        <div class="return-btn">
          <el-button type="primary">保存设置</el-button>
          <el-button type="primary" plain @click="backup">取消</el-button>
        </div>
      </template>
    </basic-container>
  </div>
</template>
<!-- 采购退货 -->
<script>
import { mapGetters } from "vuex";
export default {
  name: "addpurchaseback",
  data() {
    return {
      dialogTableVisible:false,
      dialogVisible:false,
      tableData: [],
    };
    checked: true;
  },
  computed: {
    ...mapGetters(["permissions"])
  },
  methods: {
    init(){
      let params = JSON.parse(this.$route.query.res);
    },
    backup: function() {
      this.$router.go(-1);
    },
    handleClose(done) {
      this.$confirm("确认关闭？")
        .then(_ => {
          done();
        })
        .catch(_ => {});
    }
  }
};
</script>

<style lang="scss" scoped>
.io-goods-detail {
  margin-left: 10px;
}
.io-goods-detaill {
  margin-left: 40px;
  margin-top: 40px;
}
.settle-accounts {
  text-align: right;
}
.basic-information {
  margin-top: 20px;
  font-weight: inherit;
}
.return-btn {
  height: 100px;
  width: 100%;
  text-align: center;
  line-height: 100px;
}
.clocke {
  display: inline;
  margin-left: 35px;
  font-size: 23px;
}
</style>

